<script>
export default {
    name: "AppNav"
}
</script>

<template>
    <nav>
        <router-link exact to="/">添加商品</router-link>|
        <router-link to="/goodsList">商品列表</router-link>|
        <router-link to="/myCart">我的购物车</router-link>
    </nav>
</template>

<style scoped>
    nav {
        a{
            margin:5px;
            color:skyblue;
            &.router-link-active{
                color:red;
            }
        }

    }
</style>